<!--
 * @Author: sxb
 * @Email: sxb@mail.com
 * @Date: 2020-02-12 09:37:12
 * @Descripttion: 
 -->
<div class="accountalias-manage">
    <div nz-row nzGutter="16">
      <div nz-col nzSpan="2">
        <button nz-button nzType="primary" (click)="getErpData()" [nzLoading]="isLoading">获取ERP数据</button>
      </div>
      <div nz-col nzSpan="17" ></div>
        <div nz-col nzSpan="2">
            <label class="line-height-32-prefix">账户别名：</label>
        </div>
        <div nz-col nzSpan="3">
            <input type="text" nz-input appHotSearch (hotSearchEmit)="getAliasData()" [(ngModel)]="txtAlias" placeholder="输入账户别名"/>
        </div>
        <!-- <div nz-col nzSpan="4">
            <button nz-button nzType="primary" (click)="getAliasData()">查询</button>
        </div> -->
    </div>
    <!-- <div nz-row class="margin-top-16">
        <button nz-button nzType="primary" (click)="getErpData()">获取ERP数据</button>
    </div>     -->
    <div nz-row class="margin-top-16">
        <nz-table #basicTable nzBordered [nzData]="listOfData" nzSize="small"  [nzFrontPagination]="false">
            <thead>
              <tr>
                <th nzAlign="center" className="table_title">账户别名</th>
                <!-- <th>Action</th> -->
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let data of basicTable.data">
                <td nzAlign="center">{{ data.alias }}</td>
                <!-- <td>
                  <a>Action 一 {{ data.name }}</a>
                  <nz-divider nzType="vertical"></nz-divider>
                  <a>Delete</a>
                </td> -->
              </tr>
            </tbody>
          </nz-table>
    </div>
    <div class="margin-top-16 float-right">
      <nz-pagination [nzPageIndex]="pageIndex" (nzPageIndexChange)="clickPage($event)" [nzTotal]="totalSize" [nzPageSize]="pageSize" [nzShowTotal]="totalTemplate"></nz-pagination>
      <ng-template #totalTemplate let-total> 总共 {{ totalSize }} 条 </ng-template>
    </div>
</div>
    
